
.ups-banner {
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 40px;
	position: relative;
	.swiper-container1 {
		width: 100%;
		max-width: 1600px;
		margin: 0 auto;
		position: relative;
		.swiper-slide {
			position: relative;
			img {
				width: 100%;
				display: block;
			}
			.text{
				margin-top: 20px;
				.top{
					font-size: .8125rem;
					line-height: 1.125rem;
					margin-bottom: .625rem;
					color: #757575;
				}
				.middle{
					padding: 0 .25rem;
					margin-bottom: .8125rem;
					font-size: 1.625rem;
					line-height: 2rem;
					color: #000;
					text-transform: uppercase;
				}
				.under{
					display: block;
					font-size: 15px;
					width: 225px;
					text-align: center;
					box-sizing: border-box;
					cursor: pointer;
					height: 48px;
					border-radius: 24px;
					line-height: 48px;
					padding: 0 32px;
					color: white;
					background-color: black;
					display: flex;
					justify-content: center;
					.p-u{
						display: flex;
						.sp-u{
							display: block;
							width: 20px;
							height: 20px;
							img{
								width: 100%;
								margin-top: 13px;
							}
						}
						.sp-p{
							font-weight: 400;
							&:hover{
								font-weight: bold !important;
							}
						}
						
					}
				}
			}
		}
	}

}
#swiper-button-next,#swiper-button-prev {
	background: none;
	top: auto;
	bottom: 30px;
	font-size: 30px;
	position: absolute;
	top: 36%;
	z-index: 20;
}

#swiper-button-prev {
	
	left: 30px;
}

#swiper-button-next {
	right: 30px;
}

#bottom-nav {
	position: absolute;
	right: 10px;
	bottom: 110px;
	z-index: 10;
}

.ups-icon-videoplay {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	cursor: pointer;
}

.ups-icon-videoplay:before {
	font-family: "upsicons";
	content: "\e680";
	font-size: 18px;
	color: black;
}

.stop-status#ups-icon-videoplay:before {
	content: "\e681";
}

#swiper-pagination {
	position: relative;
	display: inline-block;
	height: 29px;
	vertical-align: middle;
}

.ups-banner .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	background: #757575;
	opacity: 1;
	box-sizing: border-box;
	margin: 0 5px;
	vertical-align: middle;
}

.ups-banner .swiper-pagination-bullet-active {
	background: black;
	width: 10px;
	height: 10px;
}	

@media (max-width: 767px){
	  #swiper-button-prev:before {
		  content: '\e627';
	  }
	  
	  #swiper-button-next:before {
		  content: '\e629';
	  }
	  #swiper-button-next,#swiper-button-prev {
		  bottom: 10px;
	  }
	  #swiper-button-next:before,#swiper-button-prev:before {
		  font-size: 32px;
	  }
	  #bottom-nav {
		  bottom: 10px;
	  }
	  .ups-banner .swiper-pagination-bullet {
		  width: 12px;
	      height: 12px;
		  border-width: 2px;
		  margin:0 10px;
	  }
	  #ups-icon-videoplay {
		  margin-right: 10px;
	  }
}
